onload = () => {
    if (XMLHttpRequest || ActiveXObject) {
        console.log("您的浏览器支持AJAX");
    } else {
        alert("您的浏览器不支持AJAX，建议您更新到最新版或换一个流行的浏览器试试")
    }
}

ajaxGet = () => {
    //创建异步对象
    let xhr;
    if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+, ...
        xhr = new XMLHttpRequest();
    } else if (window.ActiveXObject) { //老版的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }

    //判断浏览器是否支持AJAX
    if (!xhr) {
        console.log("您的浏览器不支持异步的JavaScript与XML技术")
        return;
    }

    //设置请求的基本参数
    xhr.open('get',
        'get?string=GET-测试用&list=足球,篮球,乒乓球&byteNum=22&bigDecimal=2489.42&user.name=小明',
        true);
    //发送请求
    xhr.send();
    //注册onreadystatechange监听事件（只要状态改变就会调用）
    xhr.onreadystatechange = () => {
        //判断请求是否成功
        if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
            let data = xhr.responseText;
            //操作返回内容
            console.log(data);
            document.getElementById("show").innerText = data;
        }
    }
}

ajaxPost = () => {
    //创建异步对象
    let xhr;
    if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+, ...
        xhr = new XMLHttpRequest();
    } else if (window.ActiveXObject) { // IE 6 and older
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }

    if (!xhr) {
        console.log("您的浏览器不支持异步的JavaScript与XML技术")
        return;
    }

    //设置请求的基本参数
    xhr.open('post', 'post', true);
    //附加请求头
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    //发送请求
    xhr.send("string=POST-测试用&localDate=2021-08-07&date=2020-09-27 19:23:45");
    //注册onreadystatechange监听事件（只要状态改变就会调用）
    xhr.onreadystatechange = () => {
        //判断请求是否成功
        if (xhr.readyState === 4 && xhr.status === 200) {
            let data = xhr.responseText;
            console.log(data);
            document.getElementById("show").innerText = data;
        }
    }
}
